<!DOCTYPE html>
<html lang="en"  xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
  	<head>
	    <meta charset="utf-8">
	    <title>Simplify Admin</title>
	    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	    <meta name="description" content="">
	    <meta name="author" content="">

	    <!-- Bootstrap core CSS -->
	    <link href="../static/bootstrap/css/bootstrap.min.css" th:href="@{/bootstrap/css/bootstrap.min.css}" rel="stylesheet">
		
		<!-- Font Awesome -->
		<link href="../static/css/font-awesome.min.css"  th:href="@{/css/font-awesome.min.css}"rel="stylesheet">

		<!-- ionicons -->
		<link href="../static/css/ionicons.min.css" th:href="@{/css/ionicons.min.css}" rel="stylesheet">
		
		<!-- Simplify -->
		<link href="../static/css/simplify.min.css" th:href="@{/css/simplify.min.css}" rel="stylesheet">
	
  	</head>
	<style>
		a,button,input{
			outline: none;
		}
		#particles {
			width: 100%;
			height:100%;
			/*position: absolute;*/
			/*top:0;*/
			/*left: 0;*/

			z-index: -100;
		}
	</style>

  	<body id="particles" class="overflow-hidden light-background">
	<div>
		<div class="wrapper no-navigation preload">
			<div class="sign-in-wrapper">
				<div class="sign-in-inner">
					<div class="login-brand text-center">
						<i class="fa fa-database m-right-xs"></i> Simplify <strong class="text-skin">Admin</strong>
					</div>

					<form name="loginform" method="post" th:action="@{/login}" id="form1">
						<div class="form-group m-bottom-md">
							<input type="text" name="username" class="form-control" placeholder="Email Address">
						</div>
						<div class="form-group">
							<input type="password" name="password" class="form-control" placeholder="Password">
						</div>

						<div class="form-group">
							<div class="custom-checkbox">
								<input type="checkbox" id="chkRemember">
								<label for="chkRemember"></label>
							</div>
							记住密码
						</div>

						<div class="m-top-md p-top-sm">
							<a class="btn btn-success block"><button type="submit" style="width:100%;height:100%;border: none;background: none">登录</button></a>

						<!--<a href="control_platform.html" class="btn btn-success block">Sign in</a>-->
						</div>

						<div class="m-top-md p-top-sm">
							<div class="font-12 text-center m-bottom-xs">
								<a href="#" class="font-12">Forgot password ?</a>
							</div>
							<div class="font-12 text-center m-bottom-xs">Do not have an account?</div>
							<a href="signup.html" class="btn btn-default block">Create an accounts</a>
						</div>
					</form>
				</div><!-- ./sign-in-inner -->
			</div><!-- ./sign-in-wrapper -->
		</div><!-- /wrapper -->
	</div>
		<a href="" id="scroll-to-top" class="hidden-print"><i class="icon-chevron-up"></i></a>

	    <!-- Le javascript
	    ================================================== -->
	    <!-- Placed at the end of the document so the pages load faster -->
		
		<!-- Jquery -->
		<script src="../static/js/jquery-1.11.1.min.js" th:src="@{js/jquery-1.11.1.min.js}"></script>
		
		<!-- Bootstrap -->
	    <script src="../static/bootstrap/js/bootstrap.min.js" th:src="@{bootstrap/js/bootstrap.min.js}"></script>
		
		<!-- Slimscroll -->
		<script src='../static/js/jquery.slimscroll.min.js' th:src="@{js/jquery.slimscroll.min.js}"></script>
		
		<!-- Popup Overlay -->
		<script src='../static/js/jquery.popupoverlay.min.js' th:src="@{js/jquery.popupoverlay.min.js}"></script>

		<!-- Modernizr -->
		<script src='../static/js/modernizr.min.js' th:src="@{js/modernizr.min.js}"></script>
		
		<!-- Simplify -->
		<script src="../static/js/simplify/simplify.js" th:src="@{js/simplify/simplify.js}"></script>
		<!--<script src="../static/js/jquery.particleground.min.js" th:src="@{/js/jquery.particleground.min.js}"></script>-->
		<!--<script src="../static/js/demo.js" th:src="@{/js/demo.js}"></script>-->
  	</body>
</html>
